<template>
  <div class="baobao">
    <div class="box_top">
    <h1>爆爆团</h1>
  </div>
  <div class="box_banner">
    <div class="img"></div>
  </div>
  <div class="box_list">
    <div class="nav">
        <h2></h2>
    </div>
    <div class="list">
        <div class="shop">
            <div class="left">
                <img src="" alt="">
            </div>
            <div class="right">
                <div class="top"></div>
                <div class="bottom">
                    <p></p>
                    <button></button>
                </div>
            </div>
        </div>
    </div>
  </div>
  </div>
</template>


<script>

</script>

<style scoped>
.box_top{
    height: 50px;
    box-sizing: border-box;
    text-align: center;
   }
   h1{
    line-height: 50px;
   }
   .box_banner{
        height: 150px;
        width: 95%;
        margin: 0 auto;
    }
    .box_banner .img{
        height: 100%;
        width: 100%;
        background-color: aqua;
    }
     .nav{
        margin-top: 20px;
        height: 40px;
        display: flex;
    }
    h2{
        line-height: 40px;
        width: 120px;
        background-color: chocolate;
        border-radius: 5px;
        margin-left: 20px;
        text-align: center;
    }
    .list{
        width: 95%;
        margin: 10px auto 0px;
        height: 351px;
        overflow-y: auto;
    }
    .shop{
        margin-bottom: 20px;
        height: 120px;
        width: 100%;
        display: flex;
    }
    input{
        border: 1px solid #eee;
    }
    .left{
        height: 120px;
        width: 120px;
    }
    .left img{
        height: 100px;
        margin-left: 10px;
        margin-left: 10px;
    }
    .right{
        flex: 1;
        margin-left: 40px;
        height: 120px;
        box-sizing: border-box;
        padding: 10px 0;
        padding-right: 30px;
    }
    .right .bottom{
        margin-top: 40px;
        display: flex;
        justify-content: space-between;
    }
    .right .bottom button{
        width: 80px;
        height: 30px;
        background-color: orangered;
        border-radius: 30px;
    }
</style>